<!DOCTYPE html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta http-equiv=Content-Type content="text/html; charset=utf-8">
    <link rel="stylesheet" href="../skin/pub/css/font-awesome.min.css">
    <link rel="stylesheet" href="../skin/pub/css/bootstrap.css">
    <link rel="stylesheet" href="../skin/css/report.css">
    <title>精准测评报告</title>
</head>
<body>
<!--<div id="graphic" class="col-md-8">-->
    <!--<div id="main" class="main" style="height:300px"></div>-->
<!--</div>-->
<div class="row">
    <div class="col-md-1"></div>
    <div class="col-md-10">
        <div class="panel panel-default">
        <div class="panel-heading">
            <h3 class="panel-title">箱线图</h3>
        </div>
        <div class="panel-body" id="main-boxlinechart" style="height:300px">
        </div>
    </div>
    </div>
    <div class="col-md-1"></div>
</div>
<div class="row">
    <div class="col-md-1"></div>
    <div class="col-md-10">
        <div class="panel panel-default">
            <div class="panel-heading">
                <h3 class="panel-title">时间</h3>
            </div>
            <div class="panel-body" id="main-timechart" style="height:300px">
            </div>
        </div>
    </div>
    <div class="col-md-1"></div>
</div>
<div class="row">
    <div class="col-md-1"></div>
    <div class="col-md-10">
        <div class="panel panel-default">
            <div class="panel-heading">
                <h3 class="panel-title">封闭环状图</h3>
            </div>
            <div class="panel-body" id="main-piechart">
                <div class="col-lg-4" id="pie-listening" style="height:300px"></div>
                <div class="col-lg-4" id="pie-grammar" style="height:300px"></div>
                <div class="col-lg-4" id="pie-reading" style="height:300px"></div>
            </div>
        </div>
    </div>
    <div class="col-md-1"></div>
</div>
<div class="row">
    <div class="col-md-1"></div>
    <div class="col-md-10">
        <div class="panel panel-default">
            <div class="panel-heading">
                <h3 class="panel-title">答题vs 正确率vs 难度</h3>
            </div>
            <div class="panel-body" id="main-linechart" style="height:300px">
            </div>
        </div>
    </div>
    <div class="col-md-1"></div>
</div>
<div class="row">
    <div class="col-md-1"></div>
    <div class="col-md-10">
        <div class="panel panel-default">
            <div class="panel-heading">
                <h3 class="panel-title">知识矩阵</h3>
            </div>
            <div class="panel-body">
               <ul class="rp-matrix-list">
                   <!--<li id="matrix-1"></li>-->
                   <!--<li id="matrix-2"></li>-->
                   <!--<li id="matrix-3"></li>-->
                   <!--<li id="matrix-4"></li>-->
                   <!--<li id="matrix-5"></li>-->
                   <!--<li id="matrix-6"></li>-->
                   <!--<li id="matrix-7"></li>-->
                   <!--<li id="matrix-8"></li>-->
                   <!--<li id="matrix-9"></li>-->
                   <!--<li id="matrix-10"></li>-->
                   <!--<li id="matrix-11"></li>-->
                   <!--<li id="matrix-12"></li>-->
                   <!--<li id="matrix-13"></li>-->
                   <!--<li id="matrix-14"></li>-->
                   <!--<li id="matrix-15"></li>-->
                   <!--<li id="matrix-16"></li>-->
                   <!--<li id="matrix-17"></li>-->
                   <!--<li id="matrix-18"></li>-->
                   <!--<li id="matrix-19"></li>-->
                   <!--<li id="matrix-20"></li>-->
                   <!--<li id="matrix-21"></li>-->
                   <!--<li id="matrix-22"></li>-->
                   <!--<li id="matrix-23"></li>-->
                   <!--<li id="matrix-24"></li>-->
                   <!--<li id="matrix-25"></li>-->
                   <!--<li id="matrix-26"></li>-->
                   <!--<li id="matrix-27"></li>-->
                   <!--<li id="matrix-28"></li>-->
                   <!--<li id="matrix-29"></li>-->
                   <!--<li id="matrix-30"></li>-->
                   <!--<li id="matrix-31"></li>-->
                   <!--<li id="matrix-32"></li>-->
                   <!--<li id="matrix-33"></li>-->
                   <!--<li id="matrix-34"></li>-->
                   <!--<li id="matrix-35"></li>-->
                   <!--<li id="matrix-36"></li>-->
               </ul>
            </div>
        </div>
    </div>
    <div class="col-md-1"></div>
</div>
<div class="row">
    <div class="col-md-1"></div>
    <div class="col-md-10">
        <div class="panel panel-default">
            <div class="panel-heading">
                <h3 class="panel-title">能力估值图</h3>
            </div>
            <div class="panel-body"  style="height:300px">
            </div>
        </div>
    </div>
    <div class="col-md-1"></div>
</div>
<script src="../skin/pub/js/jquery-1.11.3.min.js"></script>
<script src="../skin/pub/js/echarts-all.js"></script>
<!--<script src="../skin/js/reportcenter.js"></script>-->
<script src="../skin/js/report.js"></script>
<!--<script>-->
    <!--$.ajax({-->
        <!--type: "GET",-->
        <!--url: "http://vip.classba.com/crm/index.php?m=api&a=add_customer",-->
        <!--data: {-->
            <!--"exam":{-->
                <!--"exam_id": "1",-->
                <!--"questions":[-->
                    <!--{-->
                        <!--"qid": "qid-49",-->
                        <!--"answer": "have",-->
                        <!--"user_answer": "have",-->
                        <!--"is_right": 0,-->
                        <!--"key_tag": "句型",-->
                        <!--"qtype": "grammar",-->
                        <!--"d_level": 2,-->
                        <!--"qscore": 1,-->
                        <!--"uscore": 1,-->
                        <!--"click_time": "00:41:49"-->
                    <!--}-->
                <!--],-->
                <!--"user_id":"linxiao",-->
                <!--"username":"林晓",-->
                <!--"begin_time":"2015-11-12 10:45:33",-->
                <!--"end_time":"2015-11-12 11:45:33",-->
                <!--"score":"98",-->
                <!--"wrong_count":6,-->
                <!--"total_count":32-->
            <!--}-->
        <!--},-->
        <!--dataType: "jsonp",-->
        <!--jsonp:'callback',-->
        <!--success: function(data){-->
            <!--if(data.isSuccess){-->
                <!--layer.open({-->
                    <!--type: 1,-->
                    <!--title:'欢迎免费体验X+学习！',-->
                    <!--skin: 'layui-layer-rim', //加上边框-->
                    <!--area:["510px","330px"],-->
                    <!--btn: ['确定'] ,-->
                    <!--scrollbar: false,-->
                    <!--content: $("#warn-info")-->
                <!--});-->
            <!--}else{-->
                <!--layer.alert(data.error_code);-->
            <!--}-->
        <!--},-->
        <!--error:function(XMLHttpRequest){-->
            <!--layer.alert("请您核对申请人信息");-->
        <!--}-->
    <!--});-->
<!--</script>-->
</body>

</html>